<template>
  <div class="StudentProduct">
    <img
      :src="
        personData.headimgurl || 'https://chst.vip/avatar/headimgurl-1662431759458.webp'
      "
      alt=""
      height="180px"
    />

    <el-descriptions title="学员资料" direction="vertical"  border>
      <el-descriptions-item label="sId">{{ personData.sId }}</el-descriptions-item>
      <el-descriptions-item label="姓名">
        <div class="tag-group">
          <span class="tag-group__title"></span>
          <el-tag
          >
            {{ personData.name }}
          </el-tag>
        </div>
      </el-descriptions-item>
      <el-descriptions-item label="年龄" :span="2">{{personData.age}}</el-descriptions-item>

      <el-descriptions-item label="班级">{{personData.class}}</el-descriptions-item>
      <el-descriptions-item label="学历">{{personData.degree}}</el-descriptions-item>
      <el-descriptions-item label="项目经历" :span="2">{{personData.productUrl}}</el-descriptions-item>

      <el-descriptions-item label="描述">{{personData.description}}</el-descriptions-item>
      <el-descriptions-item label="城市">{{personData.city}}</el-descriptions-item>
      <el-descriptions-item label="创建时间" :span="2">{{personData.cTime}}</el-descriptions-item>
    </el-descriptions>

    <el-button type="primary" @click.native='back'>点击返回列表</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      personData: [],
    };
  },
  meta: { title: "xyzl", icon: "iconfont icon-shuju1" },

  mounted() {
    let res = [this.$route.query];
    this.personData = res[0];
    console.log(this.personData);
  },


  methods:{
    back(){
      this.$router.push({name:"home-StudentManager-StudentDormitory"})
    }
  }
};
</script>

<style scoped lang="less">
/deep/.el-descriptions__title {
  line-height: 22px;
}
</style>
